<style>
    .color_sol{
        height: 281.5px;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }
    .color_sol .cs-item{
        height: 100%;
        width: 107px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }
    .color_sol .cs-item .cs-img{
        height: 231.5px;
        width: 107px;
    }
    .color_sol .cs-item .cs-name{
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
        font-weight: 350;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #767676;
    }
    .color_sol .cs-item .cs-checkbox{
        width: 18px;
        height: 18px;
        margin: 0 auto;
        border-radius: 9px;
        border: 1px solid #D8D8D8;
    }
</style>
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <input name="row[scene_id]" type="hidden" value="{$scene_id}">
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Mbti_value')}:</label>
        <div class="col-xs-3 col-sm-2">
            <select  id="c-mbti_ie" data-rule="required" class="form-control selectpicker" name="row[mbti_ie]">
                {foreach name="mbtiIeList" item="vo"}
                <option value="{$key}" {in name="key" value="A"}selected{/in}>{$vo}({$key})</option>
                {/foreach}
            </select>
        </div>
        <div class="col-xs-3 col-sm-2">
            <select  id="c-mbti_sn" data-rule="required" class="form-control selectpicker" name="row[mbti_sn]">
                {foreach name="mbtiSnList" item="vo"}
                <option value="{$key}" {in name="key" value="A"}selected{/in}>{$vo}({$key})</option>
                {/foreach}
            </select>
        </div>
        <div class="col-xs-3 col-sm-2">
            <select  id="c-mbti_tf" data-rule="required" class="form-control selectpicker" name="row[mbti_tf]">
                {foreach name="mbtiTfList" item="vo"}
                <option value="{$key}" {in name="key" value="A"}selected{/in}>{$vo}({$key})</option>
                {/foreach}
            </select>
        </div>
        <div class="col-xs-3 col-sm-2">
            <select  id="c-mbti_pj" data-rule="required" class="form-control selectpicker" name="row[mbti_pj]">
                {foreach name="mbtiPjList" item="vo"}
                <option value="{$key}" {in name="key" value="A"}selected{/in}>{$vo}({$key})</option>
                {/foreach}
            </select>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Feature')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-feature" data-rule="required" class="form-control" name="row[feature]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label for="c-res_img" class="control-label col-xs-12 col-sm-2">{:__('Res Img')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-res_img" data-rule="" class="form-control" size="50" name="row[res_img]" type="text" value="" readonly>
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-res_img" class="btn btn-danger faupload" data-input-id="c-res_img" data-mimetype="image/*" data-multiple="false" data-preview-id="p-res_img"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-res_img" class="btn btn-primary fachoose" data-input-id="c-res_img" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-res_img"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-res_img"></ul>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Sex')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio">
                {foreach name="sexTypeList" item="vo"}
                <label for="sex-{$key}"><input id="sex-{$key}" name="row[sex]" type="radio" value="{$key}" {in name="key" value="male"}checked{/in} /> {$vo}</label>
                {/foreach}
            </div>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Res Title')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-res_title" data-rule="required" class="form-control" name="row[res_title]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Describe')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-describe" data-rule="required" class="form-control editor" rows="5" name="row[describe]" cols="50"></textarea>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Relation_type')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio">
                {foreach name="relationTypeList" item="vo"}
                <label for="relation_type-{$key}"><input id="relation_type-{$key}" name="row[relation_type]" type="radio" value="{$key}" {in name="key" value="one"}checked{/in} /> {$vo}</label>
                {/foreach}
            </div>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Color Solution')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="color_sol">
                {foreach name="colorSolutions" item="vo"}
                <label for="color_solution-{$key}" class="cs-item">
                    <img src="__CDN__{$vo.image}" class="cs-img" />
                    <div class="cs-name">{$vo.name}</div>
                    <input id="color_solution-{$key}" class="cs-checkbox" name="row[color_solution]" type="radio" value="{$key}" {in name="key" value="group_0"}checked{/in} />
                </label>
                {/foreach}
            </div>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Group Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-group_name" data-rule="required" class="form-control" name="row[group_name]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Group Title')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-group_title" data-rule="required" class="form-control" name="row[group_title]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Group Describe')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-group_describe" data-rule="required" class="form-control editor" rows="5" name="row[group_describe]" cols="50"></textarea>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio">
            {foreach name="statusList" item="vo"}
            <label for="status-{$key}"><input id="status-{$key}" name="row[status]" type="radio" value="{$key}" {in name="key" value="normal"}checked{/in} /> {$vo}</label>
            {/foreach}
            </div>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
        </div>
    </div>
</form>
